<%@page language="java" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html class="root61">
<head>
	<%@include file="/views/common/include/taglib.jsp"%>
	<%@include file="/views/common/include/head.jsp"%>
	<link type="text/css" rel="stylesheet" href="${ctx }/css/dlifestyle/sectionparent.css" source="widget" />
	<link type="text/css" rel="stylesheet" href="${ctx }/css/dlifestyle/admin.css" source="widget" />
	<script src="${ctx}/js/controllers/system/role/RoleButtonController.js" type="text/javascript"></script>
	<script type="text/javascript">
		var ctx = '${ctx}';
		setCtx(ctx);
		
	</script>
	<style type="text/css">
		#tableTbody tr:nth-of-type(odd){
			background-color:#FDFBFB;
		}
		#tableTbody tr:nth-of-type(even){
			background-color:white;
		}
	</style>
</head>
<body style="margin-top: 0px;margin-bottom: 0px;margin-left: 0px;margin-right: 0px;">
<section class="mainborder">
   <section class="edit_scrollable padder" style="min-height:400px;">
	<div class="edit_content">
    	<div id="myFrom" style="min-height:300px;">
        <div class="form" style="min-height:300px;padding-top: 30px;padding-bottom: 30px;">
            <div style="padding: 0 50px;min-height: 200px;overflow-y: auto;overflow-x: hidden;">
            	<div class="table_boder">
	              <table style="width: 100%;">
					<tbody id="tableTbody">
						<c:forEach items="${menus}" var="menu" varStatus="menuStatus">
						<tr >
							<td width="20%" style="text-align: right;height:40px;"><font face="微软雅黑" size="3" color="#28C7C9">${menu}：</font></td>
							<td width="80%" align="left" style="text-align: left;">	
								
								<c:forEach items="${btns}" var="item" varStatus="bStatus">
								<c:if test="${menu == item.menuName }">
								<span style="width: 31%;display:inline-block">
									<input type="checkbox" style="vertical-align:middle;cursor: pointer;" name="btncheck" value="${item.id}" <c:if test="${item.check == true }">checked="checked"</c:if>/>
									<font style="vertical-align:middle;" face="微软雅黑" size="3"><c:if test="${menu == item.menuName }">${item.name}</c:if></font>
									<c:if test="(${menuStatus.index }+ 1) % 3 == 0 && ${menuStatus.index } != 0"></c:if>
								</span>
								</c:if>
								</c:forEach>
							</td>
						</tr>
						</c:forEach>
					</tbody>
				</table>
			</div>
            </div>
        </div>
        <input type="hidden" id="roleId" value="${role.id}"/>
    </div>
</div>
</section>
</section>
</body>
</html>